<template>
  <a-table
    ref='table'
    size='middle'
    :scroll={y:layoutY}
    bordered
    childrenColumnName='childrenColumnName'
    :columns='columns'
    :dataSource='dataSource'
    :loading='loading'
    :pagination="false"
  >
  </a-table>
</template>

<script>

export default {
  name: 'StatistaicsTable',
  props:['dataSource','layoutY'],
  data(){
    return{
      loading:false,
      columns:[
        {
          title: '#',
          dataIndex: '',
          key: 'rowIndex',
          width: 40,
          align: 'center',
          customRender: (text, row, index) => 1 + index
        },
        {
          title: '名称',
          dataIndex: 'name',
          align: 'center',
          ellipsis: true,
        },
        {
          title: '内容',
          width: 200,
          dataIndex: 'content',
        },
        {
          title: '工单总数',
          align: 'center',
          dataIndex: 'summation',
          ellipsis: true,
        },
        {
          title: '环比',
          align: 'center',
          dataIndex: 'annulus',
          ellipsis: true,
        },
        {
          title: '占比',
          align: 'center',
          dataIndex: 'proportion',
          ellipsis: true,
        }
      ]
    }
  },
  methods:{

  }
}
</script>

<style scoped>

</style>